<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta charset="UTF-8">
	<title>Ctrip webkit CSS library</title>
	
	<script type="text/javascript" src="base.js"></script>
	

<link rel="stylesheet" type="text/css" href="index.css" media="all">
</head>
<body>
<div class="head">
	<div class="wrap">
		<a indepth="true" href="index.html" class="logo">Ctrip UED webkit library</a>
		<div class="nav">
			<ul>
				<li><a indepth="true" href="aboutus.html#about">关于我们</a></li>
				<li><a indepth="true" href="aboutus.html#about_box">意见反馈</a></li>
				<li><a href="http://ued.ctrip.com/">CtripUED 博客</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="wrap">
	<div class="main index_main" id="main">
		<div class="prop_intro">
			<div class="tit brt_no">
				<input id="search_box" placeholder="Search for webkit attribute..." type="search">
			</div>
		</div>
		<!-- /prop_intro -->
		<div style="height: 750px;" id="prop_list" class="prop_comp scroller"><h2 style="display: block;">visual</h2><ul style="display: block;" id="visual"><li style="display: block;"><a indepth="true" href="appearance_001.html" title="-webkit-appearance">-webkit-appearance</a></li><li style="display: block;"><a indepth="true" href="filter_001.html" title="-webkit-filter">-webkit-filter</a></li><li style="display: block;"><a indepth="true" href="perspective_001.html" title="-webkit-perspective">-webkit-perspective</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/perspective-origin.html" title="-webkit-perspective-origin">-webkit-perspective-origin</a></li><li style="display: block;"><a indepth="true" href="print-color-adjust_001.html" title="-webkit-print-color-adjust">-webkit-print-color-adjust</a></li><li style="display: block;"><a indepth="true" href="transform_001.html" title="-webkit-transform">-webkit-transform</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/transform-origin.html" title="-webkit-transform-origin">-webkit-transform-origin</a></li><li style="display: block;"><a indepth="true" href="transform-origin-x.html" title="-webkit-transform-origin-x">-webkit-transform-origin-x</a></li><li style="display: block;"><a indepth="true" href="transform-origin-y.html" title="-webkit-transform-origin-y">-webkit-transform-origin-y</a></li><li style="display: block;"><a indepth="true" href="transform-origin-z.html" title="-webkit-transform-origin-z">-webkit-transform-origin-z</a></li><li style="display: block;"><a indepth="true" href="transform-style_001.html" title="-webkit-transform-style">-webkit-transform-style</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/transition-delay.html" title="-webkit-transition-delay">-webkit-transition-delay</a></li><li style="display: block;"><a indepth="true" href="transition-duration_001.html" title="-webkit-transition-duration">-webkit-transition-duration</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/transition-property.html" title="-webkit-transition-property">-webkit-transition-property</a></li><li style="display: block;"><a indepth="true" href="transition-timing-function_001.html" title="-webkit-transition-timing-function">-webkit-transition-timing-function</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/backface-visibility.html" title="-webkit-backface-visibility">-webkit-backface-visibility</a></li><li style="display: block;"><a indepth="true" href="animation_001.html" title="-webkit-animation">-webkit-animation</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/animation-delay.html" title="-webkit-animation-delay">-webkit-animation-delay</a></li><li style="display: block;"><a indepth="true" href="animation-direction_001.html" title="-webkit-animation-direction">-webkit-animation-direction</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/animation-duration.html" title="-webkit-animation-duration">-webkit-animation-duration</a></li><li style="display: block;"><a indepth="true" href="animation-fill-mode_001.html" title="-webkit-animation-fill-mode">-webkit-animation-fill-mode</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/animation-iteration-count.html" title="-webkit-animation-iteration-count">-webkit-animation-iteration-count</a></li><li style="display: block;"><a indepth="true" href="animation-name_001.html" title="-webkit-animation-name">-webkit-animation-name</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/animation-play-state.html" title="-webkit-animation-play-state">-webkit-animation-play-state</a></li><li style="display: block;"><a indepth="true" href="animation-timing-function_001.html" title="-webkit-animation-timing-function">-webkit-animation-timing-function</a></li></ul><h2 style="display: block;">box</h2><ul style="display: block;" id="box"><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/box-align.html" title="-webkit-box-align">-webkit-box-align</a></li><li style="display: block;"><a indepth="true" href="box-decoration-break_001.html" title="-webkit-box-decoration-break">-webkit-box-decoration-break</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/box-direction.html" title="-webkit-box-direction">-webkit-box-direction</a></li><li style="display: block;"><a indepth="true" href="box-flex_001.html" title="-webkit-box-flex">-webkit-box-flex</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/box-flex-group.html" title="-webkit-box-flex-group">-webkit-box-flex-group</a></li><li style="display: block;"><a indepth="true" href="box-lines_001.html" title="-webkit-box-lines">-webkit-box-lines</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/box-ordinal-group.html" title="-webkit-box-ordinal-group">-webkit-box-ordinal-group</a></li><li style="display: block;"><a indepth="true" href="box-orient_001.html" title="-webkit-box-orient">-webkit-box-orient</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/box-pack.html" title="-webkit-box-pack">-webkit-box-pack</a></li><li style="display: block;"><a indepth="true" href="box-reflect_001.html" title="-webkit-box-reflect">-webkit-box-reflect</a></li><li style="display: block;"><a indepth="true" href="box-shadow_001.html" title="-webkit-box-shadow">-webkit-box-shadow</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/box-sizing.html" title="-webkit-box-sizing">-webkit-box-sizing</a></li></ul><h2 style="display: block;">column</h2><ul style="display: block;" id="column"><li style="display: block;"><a indepth="true" href="column-break-after_001.html" title="-webkit-column-break-after">-webkit-column-break-after</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/column-break-before.html" title="-webkit-column-break-before">-webkit-column-break-before</a></li><li style="display: block;"><a indepth="true" href="column-break-inside_001.html" title="-webkit-column-break-inside">-webkit-column-break-inside</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/column-count.html" title="-webkit-column-count">-webkit-column-count</a></li><li style="display: block;"><a indepth="true" href="column-gap_001.html" title="-webkit-column-gap">-webkit-column-gap</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/column-progression.html" title="-webkit-column-progression">-webkit-column-progression</a></li><li style="display: block;"><a indepth="true" href="column-rule_001.html" title="-webkit-column-rule">-webkit-column-rule</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/column-rule-color.html" title="-webkit-column-rule-color">-webkit-column-rule-color</a></li><li style="display: block;"><a indepth="true" href="column-rule-style_001.html" title="-webkit-column-rule-style">-webkit-column-rule-style</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/column-rule-width.html" title="-webkit-column-rule-width">-webkit-column-rule-width</a></li><li style="display: block;"><a indepth="true" href="column-width_001.html" title="-webkit-column-width">-webkit-column-width</a></li></ul><h2 style="display: block;">margin</h2><ul style="display: block;" id="margin"><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/margin-bottom-collapse.html" title="-webkit-margin-bottom-collapse">-webkit-margin-bottom-collapse</a></li><li style="display: block;"><a indepth="true" href="margin-collapse_001.html" title="-webkit-margin-collapse">-webkit-margin-collapse</a></li><li style="display: block;"><a indepth="true" href="margin-start_001.html" title="-webkit-margin-start">-webkit-margin-start</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/margin-top-collapse.html" title="-webkit-margin-top-collapse">-webkit-margin-top-collapse</a></li></ul><h2 style="display: block;">marquee</h2><ul style="display: block;" id="marquee"><li style="display: block;"><a indepth="true" href="marquee_001.html" title="-webkit-marquee">-webkit-marquee</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/marquee-direction.html" title="-webkit-marquee-direction">-webkit-marquee-direction</a></li><li style="display: block;"><a indepth="true" href="marquee-increment_001.html" title="-webkit-marquee-increment">-webkit-marquee-increment</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/marquee-repetition.html" title="-webkit-marquee-repetition">-webkit-marquee-repetition</a></li><li style="display: block;"><a indepth="true" href="marquee-speed_001.html" title="-webkit-marquee-speed">-webkit-marquee-speed</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/marquee-style.html" title="-webkit-marquee-style">-webkit-marquee-style</a></li></ul><h2 style="display: block;">background</h2><ul style="display: block;" id="background"><li style="display: block;"><a indepth="true" href="background-clip_001.html" title="-webkit-background-clip">-webkit-background-clip</a></li><li style="display: block;"><a indepth="true" href="background-origin_001.html" title="-webkit-background-origin">-webkit-background-origin</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/background-size.html" title="-webkit-background-size">-webkit-background-size</a></li></ul><h2 style="display: block;">flex</h2><ul style="display: block;" id="flex"><li style="display: block;"><a indepth="true" href="flex_001.html" title="-webkit-flex">-webkit-flex</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/flex-basis.html" title="-webkit-flex-basis">-webkit-flex-basis</a></li><li style="display: block;"><a indepth="true" href="flex-direction_001.html" title="-webkit-flex-direction">-webkit-flex-direction</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/flex-grow.html" title="-webkit-flex-grow">-webkit-flex-grow</a></li><li style="display: block;"><a indepth="true" href="flex-shrink_001.html" title="-webkit-flex-shrink">-webkit-flex-shrink</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/flex-wrap.html" title="-webkit-flex-wrap">-webkit-flex-wrap</a></li><li style="display: block;"><a indepth="true" href="align-content_001.html" title="-webkit-align-content">-webkit-align-content</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/align-items.html" title="-webkit-align-items">-webkit-align-items</a></li><li style="display: block;"><a indepth="true" href="align-self_001.html" title="-webkit-align-self">-webkit-align-self</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/justify-content.html" title="-webkit-justify-content">-webkit-justify-content</a></li></ul><h2 style="display: block;">mask</h2><ul style="display: block;" id="mask"><li style="display: block;"><a indepth="true" href="mask-box-image_001.html" title="-webkit-mask-box-image">-webkit-mask-box-image</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/mask-clip.html" title="-webkit-mask-clip">-webkit-mask-clip</a></li><li style="display: block;"><a indepth="true" href="mask-composite_001.html" title="-webkit-mask-composite">-webkit-mask-composite</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/mask-image.html" title="-webkit-mask-image">-webkit-mask-image</a></li><li style="display: block;"><a indepth="true" href="mask-origin_001.html" title="-webkit-mask-origin">-webkit-mask-origin</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/mask-position.html" title="-webkit-mask-position">-webkit-mask-position</a></li><li style="display: block;"><a indepth="true" href="mask-position-x_001.html" title="-webkit-mask-position-x">-webkit-mask-position-x</a></li><li style="display: block;"><a indepth="true" href="mask-position-y_001.html" title="-webkit-mask-position-y">-webkit-mask-position-y</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/mask-repeat.html" title="-webkit-mask-repeat">-webkit-mask-repeat</a></li><li style="display: block;"><a indepth="true" href="mask-size_001.html" title="-webkit-mask-size">-webkit-mask-size</a></li></ul><h2 style="display: block;">text</h2><ul style="display: block;" id="text"><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/line-break.html" title="-webkit-line-break">-webkit-line-break</a></li><li style="display: block;"><a indepth="true" href="nbsp-mode_001.html" title="-webkit-nbsp-mode">-webkit-nbsp-mode</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/rtl-ordering.html" title="-webkit-rtl-ordering">-webkit-rtl-ordering</a></li><li style="display: block;"><a indepth="true" href="text-size-adjust.html" title="-webkit-text-size-adjust">-webkit-text-size-adjust</a></li><li style="display: block;"><a indepth="true" href="text-fill-color_001.html" title="-webkit-text-fill-color">-webkit-text-fill-color</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/text-security.html" title="-webkit-text-security">-webkit-text-security</a></li><li style="display: block;"><a indepth="true" href="text-stroke_001.html" title="-webkit-text-stroke">-webkit-text-stroke</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/tap-highlight-color.html" title="-webkit-tap-highlight-color">-webkit-tap-highlight-color</a></li><li style="display: block;"><a indepth="true" href="writing-mode_001.html" title="-webkit-writing-mode">-webkit-writing-mode</a></li></ul><h2 style="display: block;">font</h2><ul style="display: block;" id="font"><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/font-kerning.html" title="-webkit-font-kerning">-webkit-font-kerning</a></li><li style="display: block;"><a indepth="true" href="font-smoothing.html" title="-webkit-font-smoothing">-webkit-font-smoothing</a></li><li style="display: block;"><a indepth="true" href="font-variant-ligatures_001.html" title="-webkit-font-variant-ligatures">-webkit-font-variant-ligatures</a></li></ul><h2 style="display: block;">wrap</h2><ul style="display: block;" id="wrap"><li style="display: block;"><a indepth="true" href="wrap-flow.html" title="-webkit-wrap-flow">-webkit-wrap-flow</a></li><li style="display: block;"><a indepth="true" href="wrap-margin.html" title="-webkit-wrap-margin">-webkit-wrap-margin</a></li><li style="display: block;"><a indepth="true" href="wrap-padding.html" title="-webkit-wrap-padding">-webkit-wrap-padding</a></li><li style="display: block;"><a indepth="true" href="wrap-through.html" title="-webkit-wrap-through">-webkit-wrap-through</a></li></ul><h2 style="display: block;">flow</h2><ul style="display: block;" id="flow"><li style="display: block;"><a indepth="true" href="flow-from_001.html" title="-webkit-flow-from">-webkit-flow-from</a></li><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/flow-into.html" title="-webkit-flow-into">-webkit-flow-into</a></li></ul><h2 style="display: block;">padding</h2><ul style="display: block;" id="padding"><li style="display: block;"><a indepth="true" href="padding-start_001.html" title="-webkit-padding-start">-webkit-padding-start</a></li></ul><h2 style="display: block;">border</h2><ul style="display: block;" id="border"><li style="display: block;"><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/prop/border-image.html" title="-webkit-border-image">-webkit-border-image</a></li><li style="display: block;"><a indepth="true" href="border-radius_001.html" title="-webkit-border-radius">-webkit-border-radius</a></li></ul></div>
	</div>
	<!-- /main -->
</div>
<!-- /wrap -->
<script type="text/javascript">
	window.onload=function(){
		/* == controller start == */
		/* - addTree - */
		$(".prop_comp").ajax("js/dataJson.json",function(str) {
			var obj = JSON.parse(str);
			$(".prop_comp").addTree(obj,null,"prop/");
		});

		$("#search_box").ele.focus();
		$("#prop_list").css("height",document.documentElement.clientHeight-195+"px");

		$("#search_box").ele.onkeyup = function() {

			/* - show/hide attribute - */
			for(var i=0;i<$("#prop_list a").ele.length;i++) {
				if($("#prop_list a").ele[i].innerHTML.indexOf(this.value) == -1) {
					$("#prop_list li").eq(i).hide();
				}else {
					$("#prop_list li").eq(i).show();
				}
			}

			/* - show/hide h2 title - */
			for(var j=0;j<$("#prop_list ul").ele.length;j++) {
				var id = $("#prop_list ul").ele[j].id;
				var list = ($("#"+id+" li").ele.length != undefined) ? $("#"+id+" li").ele : [$("#"+id+" li").ele];
				num = 0;
				for(var i=0;i<list.length;i++) {
					if(list[i].style.display == "none") {
						num++;
					}
				}
				if(num == list.length) {
					$("#"+id).pre().hide();
					$("#"+id).hide();
				}else {
					$("#"+id).show();
					$("#"+id).pre().show();
				}
			}
		}

		/* == controller end == */

	}
	window.onresize = function() {
		$("#prop_list").css("height",document.documentElement.clientHeight-195+"px");
	}
</script>



</body></html>
